.container{
    box-sizing: border-box;
    font-size: 12px;
    height: 160vw;
    overflow: hidden;
    display: block;

  }
  page{
    background-color: #F8D1E6;
  }
  .page__hd{
    padding:0 20px;
    position: relative;
    text-align: center;
    font-size: 40rpx;
    line-height: 100rpx;
    width: 100%;
    color: white;
    letter-spacing: 1px;
    height: 80px;
    background-color: #8C99EC;
    margin-bottom: 10px;
  }
  .page__bd{
      /* border:1px red solid; */
      height: 160vw;
      box-sizing: border-box;
      padding:0 20px;
      height: 1000rpx;
      position: relative;
      margin: 30rpx 10px;
      /* background-color: white; */
      border-radius: 30rpx;
  }
  .img{
    position: absolute;
    right: -30%;
    transform: translateY(-50%);
  }
  .tall-c{
    padding-top: 70rpx;
  }
  .weight-c,.age-c{
    padding-top: 40rpx;
  }
  .tall,.wrap{
    position: relative;
    z-index: 1;
    margin: 10px auto;
    padding:5px 10px;
    box-sizing: border-box;
    width: 250px;
    height: 40px;
    font-size: 30rpx;
    background-color: #FFF3F9;
    border-radius: 10px;
    box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 15px rgb(248, 95, 120);
  }
  .rt{
    position: absolute;
    top: 45%;
    right: 10%;
    width: 0px;
    height: 0px;
    border-top: rgb(235, 35, 235) 20rpx solid;
    border-bottom: none;
    border-right: transparent 20rpx solid;
    border-left: transparent 20rpx solid;
    z-index: 0;
  }
  .help{
    position: absolute;
    top: 50%;
    right: 24%;
    transform: translateY(-45%);
  }
  .title{
    padding-left: 20rpx;
    font-size: 30rpx;
    color:#4A4A4A;
    letter-spacing: 1px;
  }
  .rate{
    width: 100%;
    height: 100rpx;
    margin-top: 5px;
    margin-bottom:10px;
    /* background-color: violet; */
}
  .rating{
      margin-top: 80rpx;
      padding-left: 20rpx;
  }
  .content1{
    z-index: 1;
    width: 90%;
    height: 350rpx;
    padding: 0 10px;
    margin-top:20px;
    margin-bottom: 10px;
    font-size: 30rpx;
    background-color: white;
    border-radius: 10px;
    box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 10px rgb(248, 95, 120);
  }
  .content2{
    z-index: 1;
    width: 90%;
    height: 200rpx;
    padding: 0 10px;
    margin-top:20px;
    font-size: 30rpx;
    background-color: white;
    border-radius: 10px;
    box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 10px rgb(248, 95, 120);
  }
  .button{
    position: absolute;
    right: 7%;
    bottom: 0%;
  }
  .button image{
      width: 120rpx;
      height: 90rpx;
  }
  .Value {
    font-size: 30rpx;
    padding: 0;
    margin: 10%;
    color: #999;
  }
  .twoSlider {
    height: 50rpx;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }


.grid-marign-bottom {
    height: 72.464rpx;
}

.mode-title-container {
    margin-top: 72.464rpx;
    margin-bottom: 25.362rpx;
}

.mode-title-container:first-of-type {
    margin-top: 34.043rpx;
}

.content-item {
    background-color: #fff;
}